.elementor-4541 .elementor-element.elementor-element-273a319{--display:flex;--min-height:350px;--justify-content:flex-end;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-4541 .elementor-element.elementor-element-273a319:not(.elementor-motion-effects-element-type-background), .elementor-4541 .elementor-element.elementor-element-273a319 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jolaali.in/wp-content/uploads/2025/12/sofa-banner-1920-500-copy.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4541 .elementor-element.elementor-element-273a319::before, .elementor-4541 .elementor-element.elementor-element-273a319 > .elementor-background-video-container::before, .elementor-4541 .elementor-element.elementor-element-273a319 > .e-con-inner > .elementor-background-video-container::before, .elementor-4541 .elementor-element.elementor-element-273a319 > .elementor-background-slideshow::before, .elementor-4541 .elementor-element.elementor-element-273a319 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4541 .elementor-element.elementor-element-273a319 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4541 .elementor-element.elementor-element-6bf0fe6{--display:flex;--margin-top:16%;--margin-bottom:0%;--margin-left:-1%;--margin-right:0%;}.elementor-4541 .elementor-element.elementor-element-7510307{text-align:left;}.elementor-4541 .elementor-element.elementor-element-7510307 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-4541 .elementor-element.elementor-element-7510307 .hfe-breadcrumbs, .elementor-4541 .elementor-element.elementor-element-7510307 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-7510307 .hfe-breadcrumbs svg{fill:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-7e22ebf{--display:flex;--min-height:350px;--justify-content:flex-end;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-4541 .elementor-element.elementor-element-7e22ebf:not(.elementor-motion-effects-element-type-background), .elementor-4541 .elementor-element.elementor-element-7e22ebf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jolaali.in/wp-content/uploads/2026/01/mattress-inner-Sofa-MOBILE-1280-1000-copy.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4541 .elementor-element.elementor-element-7e22ebf::before, .elementor-4541 .elementor-element.elementor-element-7e22ebf > .elementor-background-video-container::before, .elementor-4541 .elementor-element.elementor-element-7e22ebf > .e-con-inner > .elementor-background-video-container::before, .elementor-4541 .elementor-element.elementor-element-7e22ebf > .elementor-background-slideshow::before, .elementor-4541 .elementor-element.elementor-element-7e22ebf > .e-con-inner > .elementor-background-slideshow::before, .elementor-4541 .elementor-element.elementor-element-7e22ebf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4541 .elementor-element.elementor-element-28604b4{--display:flex;--margin-top:16%;--margin-bottom:0%;--margin-left:-1%;--margin-right:0%;}.elementor-4541 .elementor-element.elementor-element-d59c870{text-align:left;}.elementor-4541 .elementor-element.elementor-element-d59c870 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-4541 .elementor-element.elementor-element-d59c870 .hfe-breadcrumbs, .elementor-4541 .elementor-element.elementor-element-d59c870 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-d59c870 .hfe-breadcrumbs svg{fill:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-2acdb68b{--display:flex;--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4541 .elementor-element.elementor-element-694ac33f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4541 .elementor-element.elementor-element-13db4af2{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4541 .elementor-element.elementor-element-13db4af2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4541 .elementor-element.elementor-element-77fa78f{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-8f6b72c{--display:flex;}.elementor-4541 .elementor-element.elementor-element-ddd4d2b{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-e3b4025 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-e3b4025 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-1262803{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1262803 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-1262803.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1262803.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-1262803.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1262803.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1262803.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-1262803.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-d43814d{--display:flex;}.elementor-4541 .elementor-element.elementor-element-680bb01c{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-507c85e0 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-507c85e0 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-4eb46b43{--display:flex;}.elementor-4541 .elementor-element.elementor-element-1b9e626a{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-626ec40b ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-65538cb8{--display:flex;}.elementor-4541 .elementor-element.elementor-element-404d99d{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-5b3a97a3 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-79a653cb{--display:flex;}.elementor-4541 .elementor-element.elementor-element-1cf37c95{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-5fe864d8 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-7eb61ad3{--display:flex;}.elementor-4541 .elementor-element.elementor-element-2d7d0749{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-771bcd4 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-771bcd4 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-63f781d3{--display:flex;}.elementor-4541 .elementor-element.elementor-element-66c05063{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-70c914e9 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-70c914e9 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-23bcbe5b{--display:flex;}.elementor-4541 .elementor-element.elementor-element-60e90f00{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-64a0fe6 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-64a0fe6 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-f6ac5a7{--display:flex;}.elementor-4541 .elementor-element.elementor-element-1dfbbd89{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-5cd62a59 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-5cd62a59 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-14369dbe{--display:flex;}.elementor-4541 .elementor-element.elementor-element-389558e6{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-3b67f94 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-3b67f94 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-4dbc5985{--display:flex;}.elementor-4541 .elementor-element.elementor-element-2cab8611{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-126ed6d8 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-126ed6d8 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-7a14be82{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-7a14be82 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-7a14be82.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-7a14be82.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-7a14be82.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-7a14be82.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-7a14be82.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-7a14be82.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-238ce9e3{--display:flex;--justify-content:flex-start;--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-4541 .elementor-element.elementor-element-238ce9e3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4541 .elementor-element.elementor-element-73971655{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4541 .elementor-element.elementor-element-6e0c5296{--display:flex;}.elementor-4541 .elementor-element.elementor-element-758dab1a{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-d421bb3 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-d421bb3 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-87447da{--display:flex;}.elementor-4541 .elementor-element.elementor-element-6fddba8{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-00e06bc ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-00e06bc .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-7a024d2f{--display:flex;}.elementor-4541 .elementor-element.elementor-element-24cf7ff7{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-1f014e00 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-1f014e00 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-3f8b16e{--display:flex;}.elementor-4541 .elementor-element.elementor-element-523191a0{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-37bedc6a ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-37bedc6a .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-1056579b{--display:flex;}.elementor-4541 .elementor-element.elementor-element-71153bc2{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-1939d6fb ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-1939d6fb .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-6ee2dc56{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-6ee2dc56 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-6ee2dc56.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-6ee2dc56.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-6ee2dc56.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-6ee2dc56.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-6ee2dc56.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-6ee2dc56.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-736cbc67{--display:flex;}.elementor-4541 .elementor-element.elementor-element-23d7db6e{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-2da6edaf{--display:flex;--justify-content:flex-start;}.elementor-4541 .elementor-element.elementor-element-1ed7589f{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-6b093fac ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-6b093fac .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-9ace140{--display:flex;}.elementor-4541 .elementor-element.elementor-element-bddfa55{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-b16587d ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-b16587d .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-1b389a98{--display:flex;}.elementor-4541 .elementor-element.elementor-element-c19a623{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-1565c6c6 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-1565c6c6 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-58e4c99d{--display:flex;}.elementor-4541 .elementor-element.elementor-element-474812fe{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-32b83235 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-32b83235 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-9ce3b3e{--display:flex;}.elementor-4541 .elementor-element.elementor-element-431ba483{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-69d203c2 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-69d203c2 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-3df021e2{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-3df021e2 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-3df021e2.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-3df021e2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-3df021e2.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-3df021e2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-3df021e2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-3df021e2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-2fb61c19{--display:flex;--margin-top:6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4541 .elementor-element.elementor-element-34cfa2ad{--display:flex;}.elementor-4541 .elementor-element.elementor-element-6cca72ca{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-2c0f70a3 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-2c0f70a3 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-eb20e1b{--display:flex;}.elementor-4541 .elementor-element.elementor-element-048b1b7{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-54f1bb9 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-54f1bb9 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-17904a7f{--display:flex;}.elementor-4541 .elementor-element.elementor-element-32bdc513{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-27b5de7f ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-27b5de7f .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-1774b6b4{--display:flex;}.elementor-4541 .elementor-element.elementor-element-4c9cec99{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-3c90782 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-3c90782 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-34936ac{--display:flex;}.elementor-4541 .elementor-element.elementor-element-364409cb{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-52ad0c76 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-52ad0c76 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-1c2a1962{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:5px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1c2a1962 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-1c2a1962.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1c2a1962.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-1c2a1962.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1c2a1962.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1c2a1962.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-1c2a1962.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-2cf1d7d5{--display:flex;}.elementor-4541 .elementor-element.elementor-element-3bea34c1{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-564d9ebd{--display:flex;}.elementor-4541 .elementor-element.elementor-element-1fa5d8f8{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-5c13e6f5 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-5c13e6f5 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-ac8d57c{--display:flex;}.elementor-4541 .elementor-element.elementor-element-bc42653{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-b52115c ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-b52115c .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-3a529e54{--display:flex;}.elementor-4541 .elementor-element.elementor-element-4e759a68{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-694ed97c ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-694ed97c .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-5a825004{--display:flex;}.elementor-4541 .elementor-element.elementor-element-3f18dc9b{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-547e91df ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-547e91df .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-3f4a3599{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-3f4a3599 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-3f4a3599.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-3f4a3599.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-3f4a3599.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-3f4a3599.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-3f4a3599.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-3f4a3599.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-653e1c39{--display:flex;}.elementor-4541 .elementor-element.elementor-element-ea52418{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-44b16ac8{--display:flex;}.elementor-4541 .elementor-element.elementor-element-3e9b99b3{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-34fd8837 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-34fd8837 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-5a50dd2{--display:flex;}.elementor-4541 .elementor-element.elementor-element-59c9af7{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-929072e ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-929072e .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-68dd6f24{--display:flex;}.elementor-4541 .elementor-element.elementor-element-c856a79{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-42b8319a ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-42b8319a .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-193cc8c{--display:flex;}.elementor-4541 .elementor-element.elementor-element-15ef0688{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-34239c78 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-34239c78 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-ce40b3f{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-ce40b3f > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-ce40b3f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-ce40b3f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-ce40b3f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-ce40b3f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-ce40b3f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-ce40b3f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-7e914add{--display:flex;}.elementor-4541 .elementor-element.elementor-element-65ff1c1d{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-7742ee55{--display:flex;}.elementor-4541 .elementor-element.elementor-element-d341b38{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-361eac8e ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-361eac8e .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-766e81b{--display:flex;}.elementor-4541 .elementor-element.elementor-element-5c32ba4{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-76c5e95 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-76c5e95 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-647e68f2{--display:flex;}.elementor-4541 .elementor-element.elementor-element-1ff23e5d{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-6fd895a4 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-6fd895a4 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-27bcafc2{--display:flex;}.elementor-4541 .elementor-element.elementor-element-15a1a8f9{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-42e4ce26 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-42e4ce26 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-43a0f192{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-43a0f192 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-43a0f192.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-43a0f192.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-43a0f192.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-43a0f192.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-43a0f192.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-43a0f192.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-66760fff{--display:flex;}.elementor-4541 .elementor-element.elementor-element-6c3848f2{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-17c85831{--display:flex;}.elementor-4541 .elementor-element.elementor-element-2100f68c{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-67785f0c ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-67785f0c .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-2773155{--display:flex;}.elementor-4541 .elementor-element.elementor-element-406f39a{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-34d3fec ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-34d3fec .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-4729f942{--display:flex;}.elementor-4541 .elementor-element.elementor-element-6bac7aec{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-704e8c77 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-704e8c77 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-1f1c9db3{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1f1c9db3 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-1f1c9db3.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1f1c9db3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-1f1c9db3.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1f1c9db3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-1f1c9db3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-1f1c9db3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-29d2b9ce{--display:flex;}.elementor-4541 .elementor-element.elementor-element-57087c58{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-4fed4cd2{--display:flex;}.elementor-4541 .elementor-element.elementor-element-482223a4{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-3c4770e9 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-3c4770e9 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-0067f43{--display:flex;}.elementor-4541 .elementor-element.elementor-element-00073ae{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-80af4af ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-80af4af .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-291d1abd{--display:flex;}.elementor-4541 .elementor-element.elementor-element-4d12f719{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-29d3d640 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-29d3d640 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-5b4dd1ac{--display:flex;}.elementor-4541 .elementor-element.elementor-element-28683cd5{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-6d66a49c ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-6d66a49c .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-115aa848{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-115aa848 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-115aa848.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-115aa848.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-115aa848.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-115aa848.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-115aa848.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-115aa848.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-15625a27{--display:flex;}.elementor-4541 .elementor-element.elementor-element-4c5bf968{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-5302824b{--display:flex;}.elementor-4541 .elementor-element.elementor-element-1da385a0{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-5ca155b5 ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-5ca155b5 .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-8745462{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-8745462 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-8745462.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-8745462.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-8745462.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-8745462.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-8745462.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-8745462.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-16b715b8{--display:flex;}.elementor-4541 .elementor-element.elementor-element-8c8fae{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-5fda2281{--display:flex;}.elementor-4541 .elementor-element.elementor-element-19b6bc6e{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-44beb20f ul.products{--woocommerce-grid-columns:4;}.elementor-4541 .elementor-element.elementor-element-44beb20f .woocommerce-loop-product__title a{font-family:"Figtree", Sans-serif;}.elementor-4541 .elementor-element.elementor-element-299f6e3{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-299f6e3 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-299f6e3.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-299f6e3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-299f6e3.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-299f6e3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-299f6e3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-299f6e3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:0px;--padding-bottom:20px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-30f4f8e9{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;border-style:none;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-title-gap:10px;--n-tabs-gap:24px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:18px;--n-tabs-title-color:#EC7744;--n-tabs-icon-size:0px;--n-tabs-icon-gap:0px;}.elementor-4541 .elementor-element.elementor-element-30f4f8e9 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4541 .elementor-element.elementor-element-30f4f8e9.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-30f4f8e9.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4541 .elementor-element.elementor-element-30f4f8e9.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EC7744;}.elementor-4541 .elementor-element.elementor-element-30f4f8e9.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC7744;}.elementor-4541 .elementor-element.elementor-element-30f4f8e9.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Figtree", Sans-serif;}:where( .elementor-4541 .elementor-element.elementor-element-30f4f8e9.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-4541 .elementor-element.elementor-element-d3c90fc{--display:flex;--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;}.elementor-4541 .elementor-element.elementor-element-65ec62b{--display:flex;}@media(min-width:768px){.elementor-4541 .elementor-element.elementor-element-13db4af2{--width:100%;}.elementor-4541 .elementor-element.elementor-element-238ce9e3{--width:100%;}}@media(min-width:1025px){.elementor-4541 .elementor-element.elementor-element-273a319:not(.elementor-motion-effects-element-type-background), .elementor-4541 .elementor-element.elementor-element-273a319 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-4541 .elementor-element.elementor-element-7e22ebf:not(.elementor-motion-effects-element-type-background), .elementor-4541 .elementor-element.elementor-element-7e22ebf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-4541 .elementor-element.elementor-element-e3b4025 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-507c85e0 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-626ec40b ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-5b3a97a3 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-5fe864d8 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-771bcd4 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-70c914e9 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-64a0fe6 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-5cd62a59 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-3b67f94 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-126ed6d8 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-d421bb3 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-00e06bc ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-1f014e00 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-37bedc6a ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-1939d6fb ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-6b093fac ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-b16587d ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-1565c6c6 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-32b83235 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-69d203c2 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-2c0f70a3 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-54f1bb9 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-27b5de7f ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-3c90782 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-52ad0c76 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-5c13e6f5 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-b52115c ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-694ed97c ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-547e91df ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-34fd8837 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-929072e ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-42b8319a ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-34239c78 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-361eac8e ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-76c5e95 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-6fd895a4 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-42e4ce26 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-67785f0c ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-34d3fec ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-704e8c77 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-3c4770e9 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-80af4af ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-29d3d640 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-6d66a49c ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-5ca155b5 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-44beb20f ul.products{--woocommerce-grid-columns:2;}}@media(max-width:767px){.elementor-4541 .elementor-element.elementor-element-e3b4025 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-507c85e0 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-626ec40b ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-5b3a97a3 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-5fe864d8 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-771bcd4 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-70c914e9 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-64a0fe6 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-5cd62a59 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-3b67f94 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-126ed6d8 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-d421bb3 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-00e06bc ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-1f014e00 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-37bedc6a ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-1939d6fb ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-6b093fac ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-b16587d ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-1565c6c6 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-32b83235 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-69d203c2 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-2c0f70a3 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-54f1bb9 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-27b5de7f ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-3c90782 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-52ad0c76 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-5c13e6f5 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-b52115c ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-694ed97c ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-547e91df ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-34fd8837 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-929072e ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-42b8319a ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-34239c78 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-361eac8e ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-76c5e95 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-6fd895a4 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-42e4ce26 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-67785f0c ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-34d3fec ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-704e8c77 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-3c4770e9 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-80af4af ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-29d3d640 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-6d66a49c ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-5ca155b5 ul.products{--woocommerce-grid-columns:2;}.elementor-4541 .elementor-element.elementor-element-44beb20f ul.products{--woocommerce-grid-columns:2;}}/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-e3b4025 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-507c85e0 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-626ec40b *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5b3a97a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5fe864d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-771bcd4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-70c914e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-64a0fe6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5cd62a59 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3b67f94 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-126ed6d8 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}
.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}
/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;}
/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}
/* === FIX REY PRODUCT GRID IMAGE CROPPING === */
/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}
/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}
/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}
/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-d421bb3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-00e06bc *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1f014e00 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-37bedc6a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1939d6fb *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6b093fac *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b16587d *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-1565c6c6 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-32b83235 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-69d203c2 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-2c0f70a3 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-54f1bb9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-27b5de7f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c90782 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-52ad0c76 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5c13e6f5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-b52115c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-694ed97c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-547e91df *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34fd8837 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-929072e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42b8319a *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34239c78 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-361eac8e *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-76c5e95 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6fd895a4 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-42e4ce26 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-67785f0c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-34d3fec *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-704e8c77 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-3c4770e9 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-80af4af *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-29d3d640 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-6d66a49c *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-5ca155b5 *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */
/* Start custom CSS for reycore-product-grid, class: .elementor-element-44beb20f *//* Rey Product Hover Fix */
.rey-productThumbnail .splide__list {
    transition: transform .4s ease-in-out !important;
}

.rey-productThumbnail:hover .splide__list {
    transform: translateX(-100%) !important;
}

/* Make sure the images stay same height */
.rey-productThumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Prevent white blank during hover */
.rey-productThumbnail {
    overflow: hidden !important;
}


/* === FIX REY PRODUCT GRID IMAGE CROPPING === */

/* 1. Let the slider & wrapper auto-size */
ul.products li.product .rey-productThumbnail,
ul.products li.product .rey-productThumbnail .splide__track,
ul.products li.product .rey-productThumbnail .splide__list,
ul.products li.product .rey-productThumbnail .splide__slide {
    height: auto !important;
}

/* 2. Make the image fit INSIDE (no cropping) */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    width: 100% !important;
    height: auto !important;            /* this breaks the 450px forced height */
    object-fit: contain !important;     /* don't crop */
    display: block;
}

/* 3. Optional: set a max height so cards stay similar */
ul.products li.product .rey-productThumbnail img.rey-productThumbnail-extra {
    max-height: 380px;                  /* tweak: 350/380/400 as you like */
}

/* 4. Keep thumbnail area neat */
ul.products li.product .rey-productThumbnail {
    background: #fff;
    overflow: hidden;                   /* avoids scrollbars */
}

a.woocommerce-product-details__short-description {
    font-size: 17px  !important;
     font-family: figtree  !important;
}/* End custom CSS */